


.recordNav{width: 100%;height: 45px;border-bottom: 1px solid #ccc;display: flex;justify-content: space-between;align-items: center;
}
.recordNav>div:nth-child(1){width: 120px;height: 25px;display: flex;margin-left: 35px;
}
.recordNav>div:nth-child(1) img{width: 25px;height: 25px;
}
.recordNav>div:nth-child(1) div{line-height: 25px;margin-left: 5px;padding: 0;color: #333;font-size: 14px;
}
.userNavT{width: 220px;display: flex;align-items: center;
}
.userNavT>div:nth-child(1){display: flex;
}
.userNavT>div:nth-child(1) img{width: 20px;height: 20px;margin-top: 3px;
}
.userNavT>div:nth-child(1) div{line-height: 25px;margin-left: 5px;padding: 0;color: #333;font-size: 14px;
}
.userNavT>div:nth-child(2){color: #888;font-size: 14px;cursor: pointer;
}

.recordDetails {margin-top: 20px;width: 100%;min-height: 500px;display: flex;justify-content: center;
}
.datails {border: 1px solid #ddd;border-top: 2px solid #3c8dbc;width: 95%;background-color: #fff;border-radius: 5px;box-shadow: 1px 0 3px #eff2f7;
}
.datails>ul>li {display: flex;height: 45px;line-height: 45px;text-align: center;cursor: pointer;
}
.datails>ul .nullLi>div:nth-child(1){width: 100%;text-align: center;}
.detaLi {border-bottom: 1px solid #ddd;font-size: 14px;color: #000;
}
.firstLi {border-bottom: 1px solid #8492a6;font-weight: 600;color: #000;background-color: rgb(245, 245, 245);
}
.detaLi>div:nth-child(1) {display: flex;align-items: center;justify-content: center;
}
.detaLi>div:nth-child(1) img {width: 35px;height: 35px;border: 1px solid #99a9bf;border-radius: 3px;
}
.detaLi:hover {background-color: rgb(245, 245, 245);
}
.datails>ul>li>div {width: 20%;border-left: 1px solid #ddd;
}
.datails>ul>li>div:nth-child(2) {width: 60%;border-left: 1px solid #ddd;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 5px;padding-right: 5px;
}
.datails>ul>li>div:nth-child(3) {border-right: 1px solid #ddd;border-left: 1px solid #ddd;
}
.datails>ul .lastLi {display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #8492a6;height: 55px;
}
.datails>ul .lastLi>div:nth-child(1){border: 0;
}
.datails>ul .lastLi>div:nth-child(2){border: 0;
}
.lastLi .lastSel {width: 530px;height: 35px;margin-top: 2px;
}
.lastLi .lastPag {width: 50px;height: 35px;margin-top: 5px;
}